<template>
	<view class="tutorial">
		<text style="position: absolute; top: 50%;left: 40%;">教程界面</text>

		<view class="footer-button">
			<view class="button" @click="toWhereTo">创建行程计划</view>
		</view>
	</view>
</template>

<script setup>
	const toWhereTo = () =>{
		uni.navigateTo({
			url:'/homeSubpages/customize/WhereTo/WhereTo'
		})
	}
</script>

<style lang="scss" scoped>
	.tutorial{
		width: 100%;
		height: 100vh;
		.footer-button{
			width: 100%;
			height: 200rpx;
			background-color: #fff;
			position: fixed;
			bottom: 0;
			right: 0;
			left: 0;
			display: flex;
			justify-content: center;
			padding: 25rpx 40rpx 70rpx 40rpx;
			box-sizing: border-box;
			border-top: 1rpx solid #f1f1f1;
			.button{
				width: 100%;
				height: 100rpx;
				background-color: #000;
				color: #fff;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 10rpx;
			}
		}
	} 
</style>
